// TODO: 需要获取 `posts`（通过调用 API ）
//       在此页面被预渲染之前
function Blog({ posts }) {
    return (
      <ul>
        {posts.map((post) => (
          <li>{post.title}</li>
        ))}
      </ul>
    )
  }
  
  // 此函数在构建时被调用
export async function getStaticProps() {
    // 调用外部 API 获取博文列表
    // const res = await fetch('https://.../posts')
    // const posts = await res.json()
    const posts = [{title:111},{title:222}]
  
    // 通过返回 { props: { posts } } 对象，Blog 组件
    // 在构建时将接收到 `posts` 参数
    return {
      props: {
        posts,
      },
    }
  }

  export default Blog